@import '../../../css/colorVar.less';
@labelWidth: ((12/24)/24) * 10 * 100%;
@spanWidth: ((12/24)/24) * 100%;
@labelWidth1: ((12/24)/24) * 8 * 100%;
.addOfflineOrder {
  overflow: hidden;
  height: unset !important;
  > div {
    display: flex;
    > div {
      width: 50%;
    }
    > div:first-child {
      padding-right: 10px;
    }
    > div:last-child {
      padding-left: 10px;
    }
  }
  :global {
    .backBg {
      background: @section_bg;
      padding: 10px 0;
    }
  }
}
.btnOperate {
  width: 100%;
  text-align: right;
  padding-bottom: 20px;
  > div:first-child {
    margin-right: 10px;
  }
}
.info {
  :global {
    .extraBtn,
    .SPPI_result {
      > .ant-row {
        z-index: 2;
      }
      :global {
        .ant-form-item-control-wrapper {
          padding-right: 30px;
        }
        .ant-select-selection {
          border-radius: 2px 0 0 2px !important;
          border-top-width: 1px !important;
        }
        .btnPlus {
          position: absolute;
          right: 0;
          top: 0;
          width: 30px;
          height: 30px;
          line-height: 30px;
          box-sizing: border-box;
          border: 1px solid @number_border;
          border-left: 0;
          border-radius: 0 2px 2px 0;
          display: flex;
          align-items: center;
          justify-content: space-evenly;
          user-select: none;
          z-index: 10;
          img {
            height: 14px;
            width: 14px;
          }
        }
      }
    }
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .info {
    :global {
      .extraBtn {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 4px;
          > div {
            width: calc(100% - @spanWidth);
            height: 30px;
            position: relative;
          }
        }
      }
      .SPPI_result {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 4px;
          > div {
            width: calc(@spanWidth*23*2); //占比一半 所以乘2
            height: 30px;
            position: relative;
          }
        }
      }
      .describe_offline {
        margin-top: 5px;
        :global {
          .ant-form-item-label {
            width: @labelWidth;
          }
          .ant-form-item-control-wrapper {
            width: calc(100% - @labelWidth - @spanWidth);
          }
        }
      }
    }
  }
}
@media (min-width: 1600px) {
  .info {
    :global {
      .extraBtn {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 4px;
          > div {
            width: calc(100% - @spanWidth);
            height: 30px;
            position: relative;
          }
        }
      }
      .SPPI_result {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 4px;
          > div {
            width: calc(@spanWidth*23*2);
            height: 30px;
            position: relative;
          }
        }
      }
      .describe_offline {
        margin-top: 5px;
        :global {
          .ant-form-item-label {
            width: @labelWidth1;
          }
          .ant-form-item-control-wrapper {
            width: calc(100% - @labelWidth1 - @spanWidth);
          }
        }
      }
    }
  }
}
:global {
  .confirmOrder_offline {
    :global {
      .ant-modal-body {
        max-height: max-content !important;
        height: auto !important;
      }
    }
  }
}
.box {
  span {
    width: 130px;
    display: block;
    float: left;
    text-align: right;
  }
  :global {
    .ant-row {
      margin-bottom: 13px;
    }
  }
}
